<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>电商</title>
	<link rel="stylesheet" href="电商.css">
</head>
<body>
	<header>
		<div class="hdiv1 fl"><img src="logo.jpg" alt=""></div>
		<div class="hdiv2 fl">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">课程</a></li>
				<li><a href="#">每日作业</a></li>
				<li><a href="#">免费视频</a></li>
				<li><a href="#">免费直播厅</a></li>
				<li><a href="#">问答</a></li>
				<li><a href="#">学习指南</a></li>
				<li><a href="#">个人中心</a></li>
			</ul>
		</div>
		<div class="hdiv3 fr">
			<button>登录</button>
			<button>注册</button>
		</div>
	</header>

	<nav>
		<!-- <img src="banner.jpg" alt=""> -->
	</nav>

	<main>
		<div class="wrapper fot clearfloat">
			<div class="mdiv1 fl"><img src="L.jpg" alt=""></div>
			<div class="mdiv2 fl"><p>平面套餐</p><img src="tu.jpg" alt=""></div>
			<div class="mdiv2 fl"><p>平面套餐</p><img src="package_pic2.jpg" alt=""></div>
			<div class="mdiv2 fl"><p>平面套餐</p><img src="tu.jpg" alt=""></div>
			<div class="mdiv1 fl"><img src="R.jpg" alt=""></div>
		</div>

		<div id="middle">
			<div class="wrapper">
				<p id="ui">UI设计</p>
				<div class="mui fl">
					<div><img src="ui_pic1.jpg" alt=""></div>
					<div>
						<p class="wrapperp title">Photoshop精品班</p>
						<p class="wrapperp text">课程以基础入门为主，详细讲解软件的每一个工具的使用与技巧，让喜欢PS的你能够对软件迅速熟练及运用</p>
						<span class="section">已有3215人购买</span>
						<button class="btnsty">去看看</button>
					</div>
				</div>

				<div class="mui fl">
					<div><img src="ui_pic2.jpg" alt=""></div>
					<div>
						<p class="wrapperp title">Photoshop精品班</p>
						<p class="wrapperp text">课程以基础入门为主，详细讲解软件的每一个工具的使用与技巧，让喜欢PS的你能够对软件迅速熟练及运用</p>
						<span class="section">已有3215人购买</span>
						<button class="btnsty">去看看</button>
					</div>					
				</div>

				<div class="mui fl">
					<div><img src="ui_pic3.jpg" alt=""></div>
					<div>
						<p class="wrapperp title">Photoshop精品班</p>
						<p class="wrapperp text">课程以基础入门为主，详细讲解软件的每一个工具的使用与技巧，让喜欢PS的你能够对软件迅速熟练及运用</p>
						<span class="section">已有3215人购买</span>
						<button class="btnsty">去看看</button>
					</div>					
				</div>

			</div>
		</div>

		<div class="wrapper mfooter fl">
			<p id="pm">平面设计</p>
				<div class="mui fl">
					<div><img src="pm_pic1.jpg" alt=""></div>
					<div>
						<p class="wrapperp title">Photoshop精品班</p>
						<p class="wrapperp text">课程以基础入门为主，详细讲解软件的每一个工具的使用与技巧，让喜欢PS的你能够对软件迅速熟练及运用</p>
						<span class="section">已有3215人购买</span>
						<button class="btnsty">去看看</button>
					</div>					
				</div>

				<div class="mui fl">
					<div><img src="pm_pic2.jpg" alt=""></div>
					<div>
						<p class="wrapperp title">Photoshop精品班</p>
						<p class="wrapperp text">课程以基础入门为主，详细讲解软件的每一个工具的使用与技巧，让喜欢PS的你能够对软件迅速熟练及运用</p>
						<span class="section">已有3215人购买</span>
						<button class="btnsty">去看看</button>
					</div>					
				</div>

				<div class="mui fl">
					<div><img src="pm_pic3.jpg" alt=""></div>
					<div>
						<p class="wrapperp title">Photoshop精品班</p>
						<p class="wrapperp text">课程以基础入门为主，详细讲解软件的每一个工具的使用与技巧，让喜欢PS的你能够对软件迅速熟练及运用</p>
						<span class="section">已有3215人购买</span>
						<button class="btnsty">去看看</button>
					</div>					
				</div>											
		</div>
	</main>

	<footer class="clearfloat">
		<div class="fdiv fl">
			<span>新手入门</span>
			<ul>
				<li><a href="#">如何注册</a></li>
				<li><a href="#">如何登陆</a></li>
				<li><a href="#">账号设置</a></li>
				<li><a href="#">账号安全</a></li>
			</ul>
		</div>
		<div class="fdiv fl">
			<span>新手入门</span>
			<ul>
				<li><a href="#">如何注册</a></li>
				<li><a href="#">如何登陆</a></li>
				<li><a href="#">账号设置</a></li>
				<li><a href="#">账号安全</a></li>
			</ul>
		</div>
		<div class="fdiv fl">
			<span>新手入门</span>
			<ul>
				<li><a href="#">如何注册</a></li>
				<li><a href="#">如何登陆</a></li>
				<li><a href="#">账号设置</a></li>
				<li><a href="#">账号安全</a></li>
			</ul>
		</div>
		<div class="fdiv fl">
			<span>新手入门</span>
			<ul>
				<li><a href="#">如何注册</a></li>
				<li><a href="#">如何登陆</a></li>
				<li><a href="#">账号设置</a></li>
				<li><a href="#">账号安全</a></li>
			</ul>
		</div>
		<img src="ewm.jpg" alt="" id="ewm">				
		<section class="clearfloat">
			<div class="wrappers">
				<span id="ARR">版权所有&nbsp;2006&nbsp;-&nbsp;2015</span>
				<span id="jingbei">京ICP备08001421号京公安网安备110108007702</span>
			</div>
		</section>
	</footer>
	<section></section>
</body>
</html>